<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/111.css">
    <style>
        .e{
            width: 100%;
        }
    </style>
</head>
<body class="ZT">
<div class="zt">
    <div class="DHL">           <!--导航栏-->
        <div class="DHLTP">
            <img class="DHL_img" src="../img/jpg/dh1.png">
        </div>
        <div class="DHLWZ">
            <div></div>
            <p class="DHLWZ3">主站</p>
            <img src="../img/jpg/xiangxia.png" alt="" width="12px" height="12px" >
            <p class="DHLWZ1">番剧</p>
            <p class="DHLWZ1">游戏中心</p>
            <p class="DHLWZ1">直播</p>
            <p class="DHLWZ1">会员购</p>
            <p class="DHLWZ1">漫画</p>
            <p class="DHLWZ1">赛事</p>
            <p class="DHLWZ11">歌会</p>
            <div class="xz">
                <div class="xz1"><img src="../img/jpg/xiazai.png" alt="" class="xz1"></div>
                <p class="DHLWZ3">下载客户端</p>
            </div>
        </div>
        <div class="DHLSS">
            <input type="nihao" placeholder=" 长相和性别不符是什么体验？" class="SSK">
            <div class="SS1">
                <div class="ss"><img src="../img/jpg/搜索.png" alt="" width="20px" height="20px"></div>
            </div>
        </div>
        <div class="TG">
            <div class="tg"><p class="DHLWZ4">投稿</p></div>
        </div>
        <div class="DHLY">
            <p class="DHLWZ2">大会员</p>
            <p class="DHLWZ2">消息</p>
            <p class="DHLWZ2">动态</p>
            <p class="DHLWZ2">收藏</p>
            <p class="DHLWZ2">历史记录</p>
            <p class="DHLWZ2">创作中心</p>
        </div>
        <div class="DHLDD">
            <div class="dd"><b class="DD">登录</b></div>
        </div>
        <div class="touxiang" id="touxiang">
            <img src="../img/jpg/touxiang.png" alt="">
        </div>
    </div>
    <div class="ZJ"> <!--中间图片-->
        <img src="../img/jpg/zhongjian.png" alt="" width="100%">
    </div>
    <div class="zhongjian">
        <div class="xian1"></div>
        <div class="xian2">
            <p class="ZJdd">登录</p>
        </div>
        <div class="xian3"></div>
        <div class="ZZZT">      <!--中间主体-->
            <div class="EWM" id="EWM">
                <img src="../img/jpg/erweima.png" alt="">
            </div>
            <div class="EWM2" id="EWM2">
                <img src="../img/jpg/erweima2.png" alt="">
            </div>
            <div class="shuxian"></div>
            <div class="dlzc">
                <div class="ZZWZ">
                    <p class="zzwz1">密码登录</p>
                    <p class="zzwz2">短信登录</p>
                </div>
                <div class="zhanghao">
                    <input type="nihao" placeholder="  你的手机号/邮箱" class="kuan1" id="user">
                </div>
                    <input type="nihao" placeholder="  密码" class="kuan1" id="password">
                <div class="gx">
                    <label class="gouxian"><input type="checkbox"></label>
                </div>
                <div class="dlwz">
                    <p class="jzw">记住我</p>
                    <p class="bszz">不是自己电脑上不要勾选此选项</p>
                    <p class="wfyz">无法验证？</p>
                    <p class="wjmm">忘记密码？</p>
                </div>
                <div>
                    <div class="dlanniu" onclick="login()"> <span>登录</span> </div>
                    <div class="dlanniu2" onclick="r()"> <span>注册</span> </div>
                </div>
                <div  class="weixin">
                        <div class="WX">
                            <img src="../img/jpg/weixin.png" alt="" width="20px" height="20px">
                            <span>微信账号登录</span>
                        </div>
                        <div class="QQ">
                            <img src="../img/jpg/QQ-square-fill.png" alt="" width="22px" height="22px">
                            <span>QQ账号登录</span>
                        </div>
                        <div class="WB">
                            <img src="../img/jpg/weibo.png" alt="" width="20px" height="20px">
                            <span>微博账号登录</span>
                        </div>
                </div>
            </div>
        </div>
        <div class="xieyi">
            登录即代表你同意<span>用户协议</span>和<span>隐私政策</span>
        </div>
    </div>
    <div class="XMZT"><!--下面主体-->
        <div>       <!--下面文字-->
            <div class="xmzuo">
                <div class="zuo1">
                    <p class="hs">bilibili</p>
                    <p>关于我们</p>
                    <p>联系我们</p>
                    <p>用户协议</p>
                    <p>加入我们</p>
                </div>
                <div class="zuo2">
                    <p>友情链接</p>
                    <p>隐私政策</p>
                    <p>bilibili认证</p>
                    <p>Investor Relations</p>
                </div>
            <div class="xxian"></div>
            </div>
            <div class="xmzhong">
                <div class="zhong1">
                    <p class="hs">传送门</p>
                    <p>协议汇总</p>
                    <p>活动中心</p>
                    <p>活动主题页</p>
                    <p>侵权申诉</p>
                </div>
                <div class="zhong2">
                    <p>帮助中心</p>
                    <p>社区中心</p>
                    <p>壁纸站</p>
                    <p>广告合作</p>
                </div>
                <div class="zhong3">
                    <p>名人堂</p>
                    <p>MCN管理中心</p>
                    <p>高级弹幕</p>
                    <p>品牌号官网</p>
                </div>
            <div class="xxian2"></div>
            </div>
                <div class="xmtupian">
                    <div class="EWM3">
                        <img src="../img/jpg/erweima3.png" alt="" id="EWM3">
                    </div>
                    <div class="xiazai1" id="xiazai">
                        <img src="../img/jpg/xiazai2.png" alt="" width="50px" height="50px">
                        <p>下载APP</p>
                    </div>
                    <div class="gongyi" id="gongyi">
                        <img src="../img/jpg/gongyi.png" alt="" width="50px" height="50px">
                        <p>公益</p>
                    </div>
                    <div class="EWM4">
                        <img src="../img/jpg/erweima4.png" alt="" id="EWM4">
                    </div>
                    <div class="weibo2" id="weibo">
                        <img src="../img/jpg/weibo2.png" alt="" width="50px" height="50px">
                        <p>新浪微博</p>
                    </div>
                    <div class="EWM5">
                        <img src="../img/jpg/erweima5.png" alt="" id="EWM5">
                    </div>
                    <div class="weixin2" id="weixin">
                        <img src="../img/jpg/weixin.png" alt="" width="50px" height="50px">
                        <p>下载APP</p>
                    </div>
            </div>
        </div>
        <div class="jiewei">    <!--结尾-->
            <div class="JWTP">
                <div>
                    <img src="../img/jpg/hezuojigou.png" alt="" width="97px" height="75px">
                </div>
                <div>
                    <img src="../img/jpg/962110.png" alt="" width="97px" height="40px">
                </div>
            </div>
            <div class="JWWZ">
                <p>营业执照 信息网络传播视听节目许可证：0910417 网络文化经营许可证 沪网文【2019】3804-274号 广播电视节目制作经营许可证：（沪）字第01248号</p>
                <p>增值电信业务经营许可证 沪B2-20100043 互联网ICP备案：沪ICP备13002172号-3 出版物经营许可证 沪批字第U6699 号 互联网药品信息服务资格证 沪-非经营性-2016-0143</p>
                <p>营业性演出许可证 沪市文演（经）00-2253</p>
                <p>不良信息举报邮箱：help@bilibili.com | 涉未成年举报邮箱：teenprotect@bilibili.com | 不良信息举报电话：4006262233转1</p>
                <div>
                    <div class="JWXTB">
                        <img src="../img/jpg/1.png" alt="">
                    </div>
                    <span class="span1">上海互联网举报中心 | 12345政务服务便民热线 | </span>
                    <div class="JWXTB2">
                        <img src="../img/jpg/2.png" alt="">
                    </div>
                    <span>沪公网安备31011002002436号 | 儿童色情信息举报专区 | 扫黄打非举报</span>
                </div>
                <div class="jiewei3">
                    <span class="span2">中国互联网违法和不良信息举报中心</span>
                    <div class="JWXTB3">
                        <img src="../img/jpg/3.png" alt="">
                    </div>
                    <span class="span3">网上有害信息举报专区：</span>
                </div>
                <p class="p1">亲爱的市民朋友，上海警方反诈劝阻电话“96110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听。</p>
                <div class="div">
                    <p class="p2">公司名称：上海宽娱数码科技有限公司|公司地址：上海市杨浦区政立路485号|电话：021-25099888</p>
                </div>
            </div>
        </div>
    </div>
    <script src="../js/123.js"></script>
</body>
</html>